<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>CBook</title>
  <base href=".">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> -->
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <style>
    .loading {
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: red;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0;
      top: 0;
      color: white;
    }
  </style>
</head>

<body>
  <app-root>
    <div class="loading">
      <h1>
        CBook
      </h1>
    </div>
  </app-root>
  <script src="runtime-es2015.js"></script>
  <script src="runtime-es5.js" nomodule defer></script>
  <script src="polyfills-es5.js" nomodule defer></script>
  <script src="polyfills-es2015.js"></script>
  <script src="styles-es2015.js"></script>
  <script src="styles-es5.js" nomodule defer></script>
  <script src="vendor-es2015.js"></script>
  <script src="vendor-es5.js" nomodule defer></script>
  <script src="main-es2015.js"></script>
  <script src="main-es5.js" nomodule defer></script>
</body>

</html>